<template>
  <div class="box">鼠标悬停我</div>
</template>
<script setup lang="ts"></script>

<style scoped lang="scss">
.box {
  width: 200px;
  height: 200px;
  background-color: red;
  /* 添加过渡效果 */
  transition: background-color 0.5s ease;
}

.box:hover {
  background-color: blue;
}
</style>
